/* 
    Document   : jquery.flipflopfolding.css
    Created on : Dec 20, 2010, 4:38:42 PM
    Author     : Zuhdil Herry (zuhdil-at-gmail.com)
    Description:
        Default styles support for flipflopFolding jQuery plugin
*/
.navigation .menus{
    background: url(../image/blue-document-page-next.png) no-repeat;
    padding-left: 20px;
}
.flipflopfolding{ 
    margin-top: 5px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
}
.flipflopfolding a{ 
    text-decoration: none;    
    display: block;
    padding: 2px 0px 2px 2px;
    height: 16px;
    font-size: 11px;
    }
.flipflopfolding a:hover{ 
    color: #333333;
    text-decoration: none;
    background: -moz-linear-gradient(bottom,#def6fa,#e6f6f9);
    background: -webkit-linear-gradient(bottom,#def6fa,#e6f6f9);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
.flipflopfolding a:before{ 
    content: ''; }  
.flipflopfolding li{ 
    list-style-type: none;
    padding: 2px 0px 0px 1px;
}
.flipflopfolding li a{ 
    color: #000000;
}
.flipflopfolding ul{ 
    padding-left:0.1em;
}
.flipflopfolding .collapse:before{ 
    position: relative;
    top: 0px;
} 
.flipflopfolding .expand:before{ 
    position: relative;
    top: 0px;
}  
.flipflopfolding .active{ 
    color: #000000;
    height: 16px;
    font-weight: bold;
}
.flipflopfolding li .nav-level-2 {
    background: url(../image/blue-folder--arrow.png) no-repeat;
    padding-left: 20px;
}
.flipflopfolding li .nav-level-2:hover {
    background: url(../image/blue-folder--arrow.png) #def6fa no-repeat;
    padding-left: 20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
#active-level-2{
    background: url(../image/blue-folder--arrow.png) #def6fa no-repeat;
    padding-left: 20px;
    color: #333333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

#active-level-2:hover{
    background: #ee6f6f9;
    color: #333333;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
